@import "~scss/variables";

$sw-order-address-modal-highlight: #edf8ff;
$sw-order-address-modal-link: $color-shopware-brand-500;

.sw-order-create-address-modal {
    &__card {
        text-align: left;
        font-weight: normal;
        line-height: 22px;
        padding: 15px;
        border: none;
        font-size: $font-size-xs;
        display: flex;

        &:hover {
            background-color: $sw-order-address-modal-highlight;
            color: $sw-order-address-modal-link;

            .sw-address {
                &__body {
                    color: $color-shopware-brand-500;
                }
            }
        }

        &.is--selected {
            border: 1px solid $color-gray-300;
            border-radius: $border-radius-default;
        }

        &.is--empty {
            position: relative;
            width: 100%;
            min-height: 180px;
        }
    }

    &__card-label {
        color: $color-darkgray-300;
        font-weight: $font-weight-semi-bold;
        font-size: $font-size-s;
    }

    &__card-body {
        flex: 1;
    }

    &__edit-btn {
        display: inline-block;
        position: relative;
        margin: 0;
        line-height: $font-size-m;
        color: $color-shopware-brand-500;
        cursor: pointer;

        &:hover {
            text-decoration: none;
        }
    }

    &__select-btn {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .sw-modal__body {
        padding: unset !important;
    }

    .mt-card.mt-card--grid {
        .mt-card__toolbar {
            input {
                padding: 4px 12px !important;
            }
        }

        .mt-card__content {
            padding: 20px;
            border: unset;
        }
    }
}
